<template>
	<view class="message-detail">
		<view class="reminder">
			<view class="reminder-title">
				消息类型
			</view>
			<view class="reminder-content">
				{{routeParams.msgTypeName||''}}
			</view>
		</view>
		<view class="reminder">
			<view class="reminder-title">
				发送时间
			</view>
			<view class="reminder-content">
				{{routeParams.updateTime||''}}
			</view>
		</view>
		<view class="reminder">
			<view class="reminder-title">
				消息内容
			</view>
			<view class="reminder-content">
				<view v-for="(item, key) in routeParams.msgObj" :key="key" class="card-row">
					<text>{{key}}：</text>{{item}}
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				routeParams:''
			}
		},
		onLoad(op) {
			if(op.data){
				this.routeParams = JSON.parse(op.data)
			}
		}
	}
</script>

<style lang="scss" scoped>
	.message-detail{
		min-height: 100%;
		background-color: #FFF;
		.reminder-content{
			color: $text-color;
			font-size: 30rpx;
			>.card-row{
				padding: 10rpx 0;
				>text{
					color: $text-color-grey;
					margin-right: 10rpx;
				}
			}
		}
	}
</style>
